import React from "react";
import {SafeAreaView} from "react-native-safe-area-context";
import QRCodeView from "@/components/QRCode/QrCodePreview";
import {Stack} from "expo-router";
import {useTheme} from "@/contexts/ThemeContext";
import {View} from "react-native";

export default function QrCodePage() {
    const {colors} = useTheme();
    return (
        <>
            <Stack.Screen
                options={{
                    headerTitle: "我的二维码",
                    headerTitleAlign: "center",
                    headerTintColor: colors.text.primary,
                    headerTitleStyle: {
                        fontWeight: "600",
                        fontSize: 18,
                    },
                    headerStyle: {
                        backgroundColor: colors.background,
                    },
                }}
            />
            <View style={{flex: 1}}>
                <QRCodeView/>
            </View>
        </>
    )
}